<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc." />
    <meta name="author" content="Coderthemes" />
    <title>后台管理平台</title>
    <link th:href="@{images/favicon_1.ico}" rel="shortcut icon">
    <link  rel="stylesheet" type="text/css"  th:href="@{plugins/sweetalert/dist/sweetalert.css}" />
    <link  rel="stylesheet" type="text/css"  th:href="@{plugins/morris.js/morris.css}" />
    <link  rel="stylesheet" type="text/css"  th:href="@{css/bootstrap.min.css}" />
    <link  rel="stylesheet" type="text/css"  th:href="@{css/core.css}" />
    <link  rel="stylesheet" type="text/css"  th:href="@{css/icons.css}" />
    <link  rel="stylesheet" type="text/css"  th:href="@{css/components.css}" />
    <link  rel="stylesheet" type="text/css"  th:href="@{css/pages.css}" />
    <link  rel="stylesheet" type="text/css"  th:href="@{css/menu.css}" />
    <link  rel="stylesheet" type="text/css"  th:href="@{css/responsive.css}"  />
    <link th:href="@{css/mysite.css}" rel="stylesheet" type="text/css"/>
    <script th:src="@{js/modernizr.min.js}"></script>
    <script type="text/javascript">
        function changeVerifyImage() {
            $('#authCode').attr("src", "/authCode?random" + + new Date());
        }
    </script>
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

        
    </head>
    <body class="main">
        <!-- <div class="content-logo"> -->
                <!-- <img src='../purple/assets/images/big/logo.png' /> -->
                <!-- <h3 >全民直播后台管理系统</h3>
                <a href="register.html">注册</a> -->
                <div class="content-logo form-group">
                        <div class="col-xs-3"></div> 
                        <div class="col-xs-6">
                             <h3 >后台管理系统</h3>
                        </div>
                        <div class="col-lg-3">
                                <a href="recoverpw.html" class="modify-pwd"><i class="forgot-pwd fa fa-lock m-r-5"></i> 忘记密码?</a>
                                <a href="register.html" class="register-account">注册账号</a>
                        </div>
                 </div>
        <!-- </div>  -->
        <div class="wrapper-top wrapper-page">
            <div class="login-panel panel panel-color panel-primary panel-pages ">
                
                <div class="panel-heading bg-img" > 
                    <div class="panel-bg-overlay bg-overlay bg-overlay ">
                       
                    </div>
                    <!-- <h3 class="text-center m-t-10 text-white">
                           
                            <strong>Moltran</strong> 
                    </h3> -->
                    <img th:src='@{images/big/logo.png}' />
                </div>
                <div class="panel-bodyqm panel-body">
                <form class="form-horizontal m-t-20" action="/loginPwd">
                    
                    <div class="form-group">
                        <div class="col-xs-12">
                            <i class="glyphicon glyphicon-user glyphiconuser" ></i>
                            <input class="form-control input-lg input-username" type="text" name="username" required="" placeholder="用户名" >
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-12">
                                <i class="glyphicon glyphicon-lock glyphiconuser" ></i>
                            <input class="form-control input-lg input-pwd" type="password" name="password" required="" placeholder="密码">
                        </div>
                    </div>
                    <!-- 添加验证码 -->
                    <div class="form-group">
                            <div class="col-xs-6">
                                <i class="glyphicon glyphicon-ok glyphiconuser" ></i>
                                <input class="form-control input-lg input-yzm" type="text" maxlength="4" name="authCode" required="" placeholder="验证码">
                            </div>
                            <div class="col-xs-3">
                                 <img id="authCode"  class="form-control  yzmcode" src="/authCode"/>
                            </div> 
                            <div class="change-yzm col-xs-3">
                                    <i class="glyphicon glyphicon-refresh refresh-yzm"></i>
                                    <a href="javascript:changeVerifyImage(); " >换一张</a>
                            </div>
                  </div>
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="checkbox checkbox-primary">
                                <input id="checkbox-signup" type="checkbox">
                                <label for="checkbox-signup">
                                    记住我
                                </label>
                            </div>
                            
                        </div>
                    </div>
                    
                    <div class="form-group text-center m-t-40">
                        <div class="col-xs-12">
                            <button class="btn-login btn btn-primary btn-lg w-lg waves-effect waves-light" type="submit">登录</button>
                        </div>
                    </div>
                    <!--修改—— 注释掉 -->
                    <!-- 
                    <div class="form-group m-t-30">
                        <div class="col-sm-7">
                             <a href="recoverpw.html"><i class="forgot-pwd fa fa-lock m-r-5"></i> 忘记密码?</a>
                        </div>
                        <div class="col-sm-5 text-right">
                            <a href="register.html">注册</a>
                        </div>
                    </div> -->
                </form> 
                </div>                                 
                
            </div>
        </div>

        
    	<script>
            var resizefunc = [];
        </script>

        <!-- Main  -->
        <script th:src="@{js/jquery.min.js}"></script>
        <script th:src="@{js/bootstrap.min.js}"></script>
        <script th:src="@{js/detect.js}"></script>
        <script th:src="@{js/fastclick.js}"></script>
        <script th:src="@{js/jquery.slimscroll.js}"></script>
        <script th:src="@{js/jquery.blockUI.js}"></script>
        <script th:src="@{js/waves.js}"></script>
        <script th:src="@{js/wow.min.js}"></script>
        <script th:src="@{js/jquery.nicescroll.js}"></script>
        <script th:src="@{js/jquery.scrollTo.min.js}"></script>

        <script th:src="@{js/jquery.app.js}"></script>
	
	</body>
</html>